<div class="flightDynamic">
    <el-form  >
        <el-row>
            <el-form-item label=" " >
            </el-form-item>
        </el-row>
        <el-row>
            <el-col :span="2">
                <el-from>
                    <el-form-item label=""  class = "transparent"></el-form-item>
                </el-from>
            </el-col>
            <el-col :span="22">
                <el-from>
                    <el-form-item label=""  class = "transparent">
                        <el-button type="primary" @click="checkImport">进港</el-button>
                        <el-button type="primary" @click="checkExport">出港</el-button>
                        <el-button type="primary" @click="checkImportOrExport">全部</el-button>
                    </el-form-item>
                </el-from>
            </el-col>
        </el-row>
    </el-form>
    <el-table
            :data="tableData"
              ref="table"
              :row-class-name="rowClass"
              show-pagination="false"
              :border =true
            :header-cell-class-name="getCellClass"


    >
        <!--:sort="tableSort"-->
        <el-table-column label="飞机信息" align="center" style="background-color: #2aca76">
            <el-table-column prop="expectDate" label="班日期" width="83" align="center">
            </el-table-column>
            <el-table-column prop="flightInfo.flightType" label="机型" width="82" align="center">
            </el-table-column>
            <el-table-column prop="flightInfo.flightNo" label="机号" width="82" align="center">
            </el-table-column>
            <el-table-column prop="gatePosition" label="停机位" min-width="68" align="center">
            </el-table-column>
            <el-table-column prop="departureGate" label="登机口" min-width="68" align="center">
            </el-table-column>
            <el-table-column prop="cameraState" label="机位状态" min-width="70" align="center">
            </el-table-column>
        </el-table-column>
        <el-table-column prop="securityState"  label="保障"  align="center">
            <el-table-column prop="securityState" label="属性" align="center" min-width="52">

            </el-table-column>
            <el-table-column prop="securityState" label="状态" align="center" min-width="52">

            </el-table-column>
        </el-table-column>
        <el-table-column label="进出港信息" align="center">
            <el-table-column prop="flightInfo.flightNum" label="航班号" width="82" align="center">
            </el-table-column>
            <el-table-column prop="airRouteNature" label="性质" min-width="48" align="center">
            </el-table-column>
            <el-table-column  prop="importOrExport" label="进出港" min-width="59" align="center">
            </el-table-column>
            <el-table-column  prop="originating" label="出发地"  align="center">
            </el-table-column>
            <el-table-column  prop="transit" label="经停" min-width="100"align="center" >
            </el-table-column>
            <el-table-column prop="destination" label="目的地"  align="center">
            </el-table-column>
            <el-table-column prop="takeOffTime" label="预起" min-width="52" align="center">
                <template scope="scope">
                    {{scope.row.takeOffTime?scope.row.takeOffTime.substr(11,5):""}}
                </template>
            </el-table-column>
            <el-table-column prop="preFlyTime" label="预飞" min-width="52"  align="center">
                <template scope="scope">
                    {{scope.row.preFlyTime?scope.row.preFlyTime.substr(11,5):""}}
                </template>
            </el-table-column>
            <el-table-column prop="realFlyTime" label="实飞" min-width="52"  align="center">
                <template scope="scope">
                    {{scope.row.realFlyTime?scope.row.realFlyTime.substr(11,5):""}}
                </template>
            </el-table-column>
            <el-table-column prop="arriveTime" label="计达" min-width="52"  align="center">
                <template scope="scope">
                    {{scope.row.arriveTime?scope.row.arriveTime.substr(11,5):""}}
                </template>
            </el-table-column>
            <el-table-column prop="preArriveTime" label="预达" min-width="52" align="center">
                <template scope="scope">
                    {{scope.row.preArriveTime?scope.row.preArriveTime.substr(11,5):""}}
                </template>
            </el-table-column>
            <el-table-column prop="realArriveTime" label="实达" min-width="52" align="center">
                <template scope="scope">
                    {{scope.row.realArriveTime?scope.row.realArriveTime.substr(11,5):""}}
                </template>
            </el-table-column>
            <el-table-column prop="flightState" label="航班状态" min-width="70" align="center">
            </el-table-column>
            <el-table-column prop="delayTime" label="延误时长" min-width="70"align="center">
            </el-table-column>
        </el-table-column>
    </el-table>
    <div style="color: white;margin-bottom: 40px;margin-left: 40px">
        <div class="import-no-fly color-block" ></div><div class="color-block-title">进港未起飞</div>
        <div class="import-fly-no-assigned color-block"></div><div class="color-block-title">进港已起飞未分配机位</div>
        <div class="import-fly-assigned color-block"></div><div class="color-block-title">进港已起飞已分配机位</div>
        <div class="import-arrive color-block"></div><div class="color-block-title">进港到达出港未起飞</div>
        <div class="export-fly color-block"></div><div class="color-block-title">出港起飞</div>
        <div class="delay color-block"></div><div class="color-block-title">延误</div>
        <div class="return-to-the-air color-block" ></div><div class="color-block-title">备降返航</div>
    </div>
</div>